<template>
    <!-- 咨讯详情 -->
    <div class="informationInfoBox">
        <div class="headline">{{infoDetail.title}}</div>
        <div class="infoNew flex_sb">
            <div class="infowNew-tag" style="display: none">{{infoDetail.categoryName}}</div>
            <div class="infoTime">{{infoDetail.creatTime}}</div>
        </div>
        <div class="picture">
<!--            <img src="../assets/images/consult321.png" mode="aspectFit"/>-->
            <img src="../assets/images/background92x.png" mode="aspectFit" />
        </div>
        <div v-html="infoDetail.content">
          {{infoDetail.content}}
        </div>
        <div class="source">来源：{{infoDetail.source}}</div>
    </div>
</template>

<script>
    import {infoDetail} from '@/api/index/index'

    export default {
        data() {
            return {
                infoDetail: '',

            }
        },

        created() {
            let id = this.$route.query.id;
            infoDetail(id).then(res => {
                console.log(res.data.data);
              this.infoDetail=res.data.data;
            }).catch(err => {
                console.log(err)
            })
        },
    }
</script>

<style lang="less" scoped>
    .informationInfoBox {
        padding: 0 20px;

        .headline {
            font: 600 40px '微软雅黑';
            padding: 40px 0;
        }

        .infoNew {
            display: flex;
            justify-content: space-between;
        }

        .infowNew-tag {
            color: #fff;
            font-size: 30px;
            background-color: #ea1111;
            padding: 6px 20px;
        }

        .infoTime {
            font-size: 26px;
            color: #b6b6b6;
        }

        .picture {
            display: flex;
            padding: 50px 0;
            justify-content: center;
        }

        .picture img {
            width: 100%;
            height: 400px;
        }

        .center {
            font-size: 30px;
        }

        .source {
            display: flex;
            justify-content: flex-end;
            margin: 50px 0;
            color: #939393;
            font-size: 28px;
        }
    }
</style>